﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>订单详情</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-------------jquery库-------------->
  	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<!-------------Amazeui--------------->
    <script type="text/javascript" src="js/amazeui.js"></script>
    <link rel="stylesheet" type="text/css" href="css/amazeui.css">
    <!------------核心样式-------------->
    <link rel="stylesheet" type="text/css" href="css/user.css">    
</head>
<body>
<!-------------------版头------------------->
<div id="header">
    <div class="cw1000">
        <!-------------------logo------------------->
        <div class="logo"><a title="" href="index.html"><img alt="" src="images/logo.jpg" /></a></div>
		<!-------------------头部导航------------------->
		<div class="head_title">
			订单详情
		</div>
		<!-------------------用户------------------->
		<div class="user">
			<a class="user-hd" href="#">
				<img src="images/user_head_pic.jpg"/><b></b>
				<div class="clear"></div>
			</a>
			<div class="user-bd">
				<div class="integral"><img src="images/integral_ico.png"/>当前积分 609</div>
				<ul class="nav_sort">
					<li><a href="my_index.html"><i class="i1"></i>我的主页</a></li>
					<li><a href="write_note.html"><i class="i2"></i>写游记</a></li>
					<li><a href="my_note.html"><i class="i9"></i>我的游记</a></li>
					<li><a href="collection_list.html"><i class="i3"></i>我的收藏</a></li>
					<li><a href="project_order.html"><i class="i4"></i>商品订单</a></li>
					<li><a href="scenic_order.html"><i class="i5"></i>旅游订单</a></li>
					<li><a href="userhelper.html"><i class="i6"></i>我的评论</a></li>
					<li><a href="my_info.html"><i class="i7"></i>设置</a></li>
					<li><a href="#"><i class="i8"></i>退出</a></li>
				</ul>
			</div>
		</div>
        <div class="clear"></div>
    </div>
</div>

<!-----------------订单详情---------------->
<div id="order_details">
	<div class="cw1000">	
		<div class="public_box pd30">
			<div class="state">
				<p>当前订单状态： <span>未付款已付款</span></p>
				<p>请及时付款，不然就被抢光啦！</p>
				<a class="buy" href="confirm_order.html">付款</a>
				<a class="comment" href="post_comment.html">评价</a>
			</div>
			<div class="info">
				<table>
					<tr>
						<th>订单信息</th>
					</tr>
					<tr>
						<td><p>小提示：记下或拍下兑换码向商家出示即可消费，无需等待短信</p></td>
					</tr>
					<tr>
						<td>兑换码：1660 6051 0231</td>
					</tr>
				</table>
			</div>
			<div class="info">
				<table>
					<tr>
						<th colspan="3">订单信息</th>
					</tr>
					<tr>
						<td>收货人：张筱筱</td>
						<td>电话：13213526789</td>
						<td>邮编：471000</td>
					</tr>
					<tr>
						<td colspan="3">收货地址：河南省洛龙区开元大道关圣洁紫禁城一号7就好空间就看见对方</td>
					</tr>
				</table>
			</div>
			<div class="list_box">
				<table>
					<tbody>
						<tr>
							<th>商品名称</th>
							<th>单价</th>
							<th>数量</th>
							<th>总价</th>
						</tr>
						<tr>
							<td>
								<div class="pic"><a href="#"><img width="53" height="53" src="images/09.jpg"></a></div>
								<div class="name">
									<a href="#">孟津特供香酥梨一斤</a>
									<p>下单日期：2017-03-06</p>
								</div>
								<div class="clear"></div>
							</td>
							<td style="text-align:center;">￥50.0</td>
							<td style="text-align:center;">2</td>
							<td rowspan="2" style="text-align:center;">￥100.0</td>
						</tr>
						<tr>
							<td>
								<div class="pic"><a href="#"><img width="53" height="53" src="images/09.jpg"></a></div>
								<div class="name">
									<a href="#">孟津特供香酥梨一斤</a>
									<p>下单日期：2017-03-06</p>
								</div>
								<div class="clear"></div>
							</td>
							<td style="text-align:center;">￥50.0</td>
							<td style="text-align:center;">2</td>
						</tr>
						
					</tbody>
				</table>
			</div>
			
		</div>
	</div>
	<div class="clear"></div>
</div>
<!-----------------版底---------------->
<div id="footer">
	<p>河洛文化旅游发展有限公司 版权所有</p>
	<p>Copyright 2016 zgqygc.com All Rights Reserved | 豫ICP备10000000号　技术支持：闪迅</p>
</div>
<div style="text-align: center; position: fixed; bottom: 0; width: 100%; line-height: 150%; background: #f5f5f5; border-top: 1px solid #ddd;">本素材由源代码设计店铺收集整理，<a style="color:blue" target="_blank" href="https://item.taobao.com/item.htm?spm=2013.1.0.0.db8f67ddfNU55&id=564028312196">点此购买合集</a>
	</div>
</body>
</html>